<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>编写HTML元素注意事项</title>
  <!-- 
    CSS的层叠样式表（Cascading Style Sheets）中的HTML元素类型选择器（HTML element type selector）用于选择特定的HTML元素类型并为其应用样式。
    以下是一些常见的HTML元素类型选择器及其说明： 
 
      1. p元素选择器：选择所有  <p>  段落元素，并为其应用样式。 
      2. h1-h6元素选择器：选择所有标题元素  <h1>  到  <h6> ，并为其应用样式。 
      3. a元素选择器：选择所有链接元素  <a> ，并为其应用样式。 
      4. ul、ol、li元素选择器：选择无序列表  <ul> 、有序列表  <ol>  和列表项  <li>  元素，并为其应用样式。 
      5. div、span元素选择器：选择  <div>  和  <span>  元素，并为其应用样式。 
      
    通过HTML元素类型选择器，可以针对特定类型的HTML元素应用样式，实现页面的样式设计和布局。
   -->
</head>
<body>

  <!-- h1~h6/p/div - span/a/img/strong/i -->
  <div>
    <h1></h1>
    <p></p>
    <a href=""></a>
    <img src="" alt="">
  </div>

  <!-- 注意: 不可在p元素中插入div元素 -->
  <p>
    注意: 不可在p元素中插入div元素
    <div>my name div</div>
    注意: 不可在p元素中插入div元素
  </p>

  <!-- 注意: 行内级元素中不可插入块级元素 -->
  <span>
    注意: 行内级元素中不可插入块级元素
    <div>my name div</div>
    <p>my name p</p>
    注意: 行内级元素中不可插入块级元素 
  </span>
  
</body>
</html>